import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false
const nowRole = "jiangshi"

// Vue.directive("role",(el,binding)=>{
//    if(!binding.value.includes(nowRole)){
//     console.log(el);
//     console.log(binding.value);
//     el.remove()//无法修改 因为自定义指令后面接的是函数默认钩子是bind 
    //  bind:初始化指令的时候执行
//    }
// })

Vue.directive("role",{
     bind(){
      console.log("bind:初始化指令的时候执行");
     },
     inserted(el,binding){
      console.log("inserted:被绑定元素插入父节点时调用");
      if(!binding.value.includes(nowRole)){
            console.log(el);
            console.log(binding.value);
            el.remove()
     }
    },
    update(){
      console.log("update:所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前");
    },
    componentUpdated(){
      console.log("componentUpdate:指令所在组件的 VNode 及其子 VNode 全部更新后调用");
    },
    unbind(){
      console.log("unbind:只调用一次，指令与元素解绑时调用");
    }

})

new Vue({
  render: h => h(App),
}).$mount('#app')
